<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="UTF-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<meta name="viewport" content="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=yes"/>
<meta name="format-detection" content="telphone=no, email=no"/>
<meta name="renderer" content="webkit"/>
<meta name="HandheldFriendly" content="true"/>
<meta name="MobileOptimized" content="320"/>
<title>DoubleChromosphere2</title>
<link rel="stylesheet" type="text/css" href="/res/js/jquery-easyui-1.5.3/themes/default/easyui.css"/>
<link rel="stylesheet" type="text/css" href="/res/js/jquery-easyui-1.5.3/themes/icon.css"/>
<link rel="stylesheet" type="text/css" href="/res/js/jquery-easyui-1.5.3/themes/color.css"/>
<script type="text/javascript" charset="UTF-8" src="/res/js/jquery-easyui-1.5.3/jquery.min.js"></script>
<script type="text/javascript" charset="UTF-8" src="/res/js/jquery-easyui-1.5.3/jquery.easyui.min.js"></script>
<script type="text/javascript" charset="UTF-8" src="/res/js/jquery-easyui-1.5.3/locale/easyui-lang-zh_CN.js"></script>
<link rel="stylesheet" type="text/css" href="/res/css/style.css"/>
<script type="text/javascript" charset="utf-8" src="/res/js/jquery.form-4.2.2.js"></script>
<script type="text/javascript" charset="utf-8" src="/res/js/datagrid-multiselect.js"></script>
<script type="text/javascript" charset="utf-8" src="/res/js/script.js"></script>
<style>
table.my_table{
	border-collapse: collapse;
	border-spacing: 0px;
	border: solid #cccccc 1px;
	margin: 0px auto;
	margin-top: 10px;
}
table.my_table>tbody>tr>td{
	padding: 2px;
	border-left: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	text-align: center;
}
table.my_table>tbody>tr>td:first-child, table.my_table>tbody>tr>th:first-child {
	border-left: none;
}
table.my_table>tbody>tr:first-child>td, table.my_table>tbody>tr:first-child>th{
	border-top: none;
}
</style>
<script type="text/javascript">
function multSelect(record){
	var select=$(this);
	var last_time = select.data("last_time");
	if(last_time==null){
		last_time=0;
	}
	var now=new Date().getTime();
	var dd = now - last_time;
	if(dd>100){
		select.data("last_time", now);
		if(select.combobox("panel").is(":visible")){
			if(record.value==""){
				setTimeout(function(){
					select.combobox("setValue", "").combobox("setText", record.text).combobox("hidePanel");
				}, 10);
			}else if(select.combobox("getValue")==""){
				setTimeout(function(){
					select.combobox("clear").combobox("setText", record.text).combobox("setValue", record.value);
				}, 10);
			}
		}
	}
}
</script>
</head>
<body class="easyui-layout">
<div data-options="region:'center', border:false" style="padding:10px">
	<form id="searchForm" style="margin:0px">
		<div id="searchPanel" class="easyui-panel" style="width:99%; border-bottom: none; background:#fafafa;" data-options="title:'查询', iconCls:'icon-search', collapsible:true">
			<table style="width:99%; margin: 3px auto; table-layout: fixed;">
				<tr>
					<td>
						<div class="searchField01">
							<label class="ui-label">和值：</label>
							<select id="s_sum" name="sum" style="width: 90px" class="easyui-combobox" data-options="editable:false">
								<option value="">-- 不限 --</option>
								<option value="1">大</option>
								<option value="0">小</option>
							</select>
						</div>
						<div class="searchField01">
							<label class="ui-label">大小比：</label>
							<select id="s_ratio1" name="ratio1" style="width: 150px" class="easyui-combobox" data-options="editable:false, multiple:true, separator:' | ', onSelect:multSelect">
								<option value="">-- 不限 --</option>
								<option value="6:0">6:0</option>
								<option value="5:1">5:1</option>
								<option value="4:2">4:2</option>
								<option value="3:3">3:3</option>
								<option value="2:4">2:4</option>
								<option value="1:5">1:5</option>
								<option value="0:6">0:6</option>
							</select>
						</div>
						<div class="searchField01">
							<label class="ui-label">奇偶比：</label>
							<select id="s_ratio2" name="ratio2" style="width: 150px" class="easyui-combobox" data-options="editable:false, multiple:true, separator:' | ', onSelect:multSelect">
								<option value="">-- 不限 --</option>
								<option value="6:0">6:0</option>
								<option value="5:1">5:1</option>
								<option value="4:2">4:2</option>
								<option value="3:3">3:3</option>
								<option value="2:4">2:4</option>
								<option value="1:5">1:5</option>
								<option value="0:6">0:6</option>
							</select>
						</div>
						<div class="searchField01">
							<label class="ui-label">三区比：</label>
							<select id="s_ratio3" name="ratio3" style="width: 200px;" class="easyui-combobox" data-options="editable:false, multiple:true, separator:' | ', onSelect:multSelect">
								<option value="">-- 不限 --</option>
								<option value="0:0:6">0:0:6</option>
								<option value="0:1:5">0:1:5</option>
								<option value="0:2:4">0:2:4</option>
								<option value="0:3:3">0:3:3</option>
								<option value="0:4:2">0:4:2</option>
								<option value="0:5:1">0:5:1</option>
								<option value="0:6:0">0:6:0</option>
								<option value="1:0:5">1:0:5</option>
								<option value="1:1:4">1:1:4</option>
								<option value="1:2:3">1:2:3</option>
								<option value="1:3:2">1:3:2</option>
								<option value="1:4:1">1:4:1</option>
								<option value="1:5:0">1:5:0</option>
								<option value="2:0:4">2:0:4</option>
								<option value="2:1:3">2:1:3</option>
								<option value="2:2:2">2:2:2</option>
								<option value="2:3:1">2:3:1</option>
								<option value="2:4:0">2:4:0</option>
								<option value="3:0:3">3:0:3</option>
								<option value="3:1:2">3:1:2</option>
								<option value="3:2:1">3:2:1</option>
								<option value="3:3:0">3:3:0</option>
								<option value="4:0:2">4:0:2</option>
								<option value="4:1:1">4:1:1</option>
								<option value="4:2:0">4:2:0</option>
								<option value="5:0:1">5:0:1</option>
								<option value="5:1:0">5:1:0</option>
								<option value="6:0:0">6:0:0</option>
							</select>
						</div>
						<div class="searchField01">
							<label class="ui-label">字头比：</label>
							<select id="s_ratio4" name="ratio4" style="width: 200px;" class="easyui-combobox" data-options="editable:false, multiple:true, separator:' | ', onSelect:multSelect">
								<option value="">-- 不限 --</option>
								<option value="0:0:3:3">0:0:3:3</option>
								<option value="0:0:4:2">0:0:4:2</option>
								<option value="0:0:5:1">0:0:5:1</option>
								<option value="0:0:6:0">0:0:6:0</option>
								<option value="0:1:2:3">0:1:2:3</option>
								<option value="0:1:3:2">0:1:3:2</option>
								<option value="0:1:4:1">0:1:4:1</option>
								<option value="0:1:5:0">0:1:5:0</option>
								<option value="0:2:1:3">0:2:1:3</option>
								<option value="0:2:2:2">0:2:2:2</option>
								<option value="0:2:3:1">0:2:3:1</option>
								<option value="0:2:4:0">0:2:4:0</option>
								<option value="0:3:0:3">0:3:0:3</option>
								<option value="0:3:1:2">0:3:1:2</option>
								<option value="0:3:2:1">0:3:2:1</option>
								<option value="0:3:3:0">0:3:3:0</option>
								<option value="0:4:0:2">0:4:0:2</option>
								<option value="0:4:1:1">0:4:1:1</option>
								<option value="0:4:2:0">0:4:2:0</option>
								<option value="0:5:0:1">0:5:0:1</option>
								<option value="0:5:1:0">0:5:1:0</option>
								<option value="0:6:0:0">0:6:0:0</option>
								<option value="1:0:2:3">1:0:2:3</option>
								<option value="1:0:3:2">1:0:3:2</option>
								<option value="1:0:4:1">1:0:4:1</option>
								<option value="1:0:5:0">1:0:5:0</option>
								<option value="1:1:1:3">1:1:1:3</option>
								<option value="1:1:2:2">1:1:2:2</option>
								<option value="1:1:3:1">1:1:3:1</option>
								<option value="1:1:4:0">1:1:4:0</option>
								<option value="1:2:0:3">1:2:0:3</option>
								<option value="1:2:1:2">1:2:1:2</option>
								<option value="1:2:2:1">1:2:2:1</option>
								<option value="1:2:3:0">1:2:3:0</option>
								<option value="1:3:0:2">1:3:0:2</option>
								<option value="1:3:1:1">1:3:1:1</option>
								<option value="1:3:2:0">1:3:2:0</option>
								<option value="1:4:0:1">1:4:0:1</option>
								<option value="1:4:1:0">1:4:1:0</option>
								<option value="1:5:0:0">1:5:0:0</option>
								<option value="2:0:1:3">2:0:1:3</option>
								<option value="2:0:2:2">2:0:2:2</option>
								<option value="2:0:3:1">2:0:3:1</option>
								<option value="2:0:4:0">2:0:4:0</option>
								<option value="2:1:0:3">2:1:0:3</option>
								<option value="2:1:1:2">2:1:1:2</option>
								<option value="2:1:2:1">2:1:2:1</option>
								<option value="2:1:3:0">2:1:3:0</option>
								<option value="2:2:0:2">2:2:0:2</option>
								<option value="2:2:1:1">2:2:1:1</option>
								<option value="2:2:2:0">2:2:2:0</option>
								<option value="2:3:0:1">2:3:0:1</option>
								<option value="2:3:1:0">2:3:1:0</option>
								<option value="2:4:0:0">2:4:0:0</option>
								<option value="3:0:0:3">3:0:0:3</option>
								<option value="3:0:1:2">3:0:1:2</option>
								<option value="3:0:2:1">3:0:2:1</option>
								<option value="3:0:3:0">3:0:3:0</option>
								<option value="3:1:0:2">3:1:0:2</option>
								<option value="3:1:1:1">3:1:1:1</option>
								<option value="3:1:2:0">3:1:2:0</option>
								<option value="3:2:0:1">3:2:0:1</option>
								<option value="3:2:1:0">3:2:1:0</option>
								<option value="3:3:0:0">3:3:0:0</option>
								<option value="4:0:0:2">4:0:0:2</option>
								<option value="4:0:1:1">4:0:1:1</option>
								<option value="4:0:2:0">4:0:2:0</option>
								<option value="4:1:0:1">4:1:0:1</option>
								<option value="4:1:1:0">4:1:1:0</option>
								<option value="4:2:0:0">4:2:0:0</option>
								<option value="5:0:0:1">5:0:0:1</option>
								<option value="5:0:1:0">5:0:1:0</option>
								<option value="5:1:0:0">5:1:0:0</option>
								<option value="6:0:0:0">6:0:0:0</option>
							</select>
						</div>
						<div class="searchField01"><label class="ui-label">连号：</label><select id="s_series" name="series" style="width: 90px" class="easyui-combobox" data-options="editable:false"><option value="">-- 不限 --</option><option value="1">有连号</option><option value="0">无连号</option></select></div>
						<div class="searchField01"><label class="ui-label">同尾：</label><select id="s_tail" name="tail" style="width: 90px" class="easyui-combobox" data-options="editable:false"><option value="">-- 不限 --</option><option value="1">有同尾</option><option value="0">无同尾</option></select></div>
						<div class="searchField01"><label class="ui-label">行列：</label><select id="s_rowcol" name="rowcol" style="width: 200px"></select></div>
						<div class="searchField01">
							<label class="ui-label">龙头：</label>
							<select id="s_big" name="big" style="width: 90px" class="easyui-combobox" data-options="editable:true">
								<option value="">-- 不限 --</option>
								<option value="1">01</option>
								<option value="2">02</option>
								<option value="3">03</option>
								<option value="4">04</option>
								<option value="5">05</option>
								<option value="6">06</option>
								<option value="7">07</option>
								<option value="8">08</option>
								<option value="9">09</option>
								<option value="10">10</option>
								<option value="11">11</option>
								<option value="12">12</option>
								<option value="13">13</option>
								<option value="14">14</option>
								<option value="15">15</option>
								<option value="16">16</option>
								<option value="17">17</option>
								<option value="18">18</option>
								<option value="19">19</option>
								<option value="20">20</option>
								<option value="21">21</option>
								<option value="22">22</option>
								<option value="23">23</option>
								<option value="24">24</option>
								<option value="25">25</option>
								<option value="26">26</option>
								<option value="27">27</option>
								<option value="28">28</option>
							</select>
						</div>
						<div class="searchField01">
							<label class="ui-label">凤尾：</label>
							<select id="s_small" name="small" style="width: 90px" class="easyui-combobox" data-options="editable:true">
								<option value="">-- 不限 --</option>
								<option value="1">01</option>
								<option value="2">02</option>
								<option value="3">03</option>
								<option value="4">04</option>
								<option value="5">05</option>
								<option value="6">06</option>
								<option value="7">07</option>
								<option value="8">08</option>
								<option value="9">09</option>
								<option value="10">10</option>
								<option value="11">11</option>
								<option value="12">12</option>
								<option value="13">13</option>
								<option value="14">14</option>
								<option value="15">15</option>
								<option value="16">16</option>
								<option value="17">17</option>
								<option value="18">18</option>
								<option value="19">19</option>
								<option value="20">20</option>
								<option value="21">21</option>
								<option value="22">22</option>
								<option value="23">23</option>
								<option value="24">24</option>
								<option value="25">25</option>
								<option value="26">26</option>
								<option value="27">27</option>
								<option value="28">28</option>
								<option value="29">29</option>
								<option value="30">30</option>
								<option value="31">31</option>
								<option value="32">32</option>
								<option value="33">33</option>
							</select>
						</div>
						<div class="searchField01">
							<label class="ui-label">形态：</label>
							<select id="s_join" name="join" style="width: 200px" class="easyui-combobox" data-options="editable:false, multiple:true, separator:' | ', onSelect:multSelect">
								<option value="">-- 不限 --</option>
								<option value="6">形态6</option>
								<option value="5">形态5</option>
								<option value="4">形态4</option>
								<option value="3">形态3</option>
								<option value="2">形态2</option>
								<option value="1">形态1</option>
							</select>
						</div>
						<div class="searchField01">
							<label class="ui-label">间距个数：</label>
							<select id="s_divider" name="divider" style="width: 90px" class="easyui-combobox" data-options="editable:false, multiple:true, separator:' | ', onSelect:multSelect">
								<option value="">-- 不限 --</option>
								<option value="6">1</option>
								<option value="5">2</option>
								<option value="4">3</option>
								<option value="3">4</option>
							</select>
						</div>
						<div class="searchField01">
							<label class="ui-label">间隔长度：</label>
							<select id="s_interval" name="interval" style="width: 90px" class="easyui-combobox" data-options="editable:false, multiple:true, separator:' | ', onSelect:multSelect">
								<option value="">-- 不限 --</option>
								<option value="1">6-9</option>
								<option value="2">10-15</option>
								<option value="3">15以上</option>
							</select>
						</div>
						<div class="searchField01">
							<label class="ui-label">胆组设置：</label>
							<select id="s_danzu" name="danzu" style="width: 200px" class="easyui-combobox" data-options="editable:false, multiple:true, separator:' | ', onSelect:multSelect">
								<option value="">-- 不限 --</option>
								<option value="1">01</option>
								<option value="2">02</option>
								<option value="3">03</option>
								<option value="4">04</option>
								<option value="5">05</option>
								<option value="6">06</option>
								<option value="7">07</option>
								<option value="8">08</option>
								<option value="9">09</option>
								<option value="10">10</option>
								<option value="11">11</option>
								<option value="12">12</option>
								<option value="13">13</option>
								<option value="14">14</option>
								<option value="15">15</option>
								<option value="16">16</option>
								<option value="17">17</option>
								<option value="18">18</option>
								<option value="19">19</option>
								<option value="20">20</option>
								<option value="21">21</option>
								<option value="22">22</option>
								<option value="23">23</option>
								<option value="24">24</option>
								<option value="25">25</option>
								<option value="26">26</option>
								<option value="27">27</option>
								<option value="28">28</option>
								<option value="29">29</option>
								<option value="30">30</option>
								<option value="31">31</option>
								<option value="32">32</option>
								<option value="33">33</option>
							</select>
						</div>
						<div class="searchField01">
							<label class="ui-label">从胆组内选出</label>
							<select id="s_pick" name="pick" style="width: 90px" class="easyui-combobox" data-options="editable:false, multiple:true, separator:' | ', onSelect:multSelect">
								<option value="">-- 不限 --</option>
								<option value="0">0</option>
								<option value="1">1</option>
								<option value="2">2</option>
								<option value="3">3</option>
								<option value="4">4</option>
								<option value="5">5</option>
								<option value="6">6</option>
							</select>
							<label class="ui-label">个号</label>
						</div>
					</td>
					<td width="80" align="right"><nobr><button id="btn_search" type="submit" class="easyui-linkbutton" style="letter-spacing:5px;" data-options="iconCls:'icon-search'">查询</button></nobr></td>
				</tr>
			</table>
		</div>
	</form>
	<div id="gridList" style="width:99%"></div>
</div>
<div style="position: absolute; left:0px; top:0px; visibility: hidden">
	<div id="dlg_view" class="easyui-dialog" style="width:80%; height:460px; padding: 10px;" data-options="title:'查看详情', iconCls:'icon-tip',buttons:'#dlg_view_buttons',resizable:true,modal:true,minimizable:true,maximizable:true,closed:true">
		<input id="v_id" type="hidden"/>
		<table class="tableBordered">
			<col width="90"/>
			<col width=""/>
			<col width="90"/>
			<col width=""/>
			<tr>
				<th>：</th><td id="v_qq"></td>
				<th>：</th><td id="v_tel"></td>
			</tr>
		</table>
	</div>
	<div id="dlg_view_buttons" align="center" style="padding:10px">
		<button type="button" onclick="closeDialog()" style="letter-spacing:6px" class="easyui-linkbutton" data-options="iconCls:'icon-ok'">&nbsp;确定</button>
	</div>

	<table id="table001" class="my_table">
		<tr>
			<td></td>
			<td><input type="checkbox" value="A" class="chk_col" onclick="setComboValues1(this)"/></td>
			<td><input type="checkbox" value="B" class="chk_col" onclick="setComboValues1(this)"/></td>
			<td><input type="checkbox" value="C" class="chk_col" onclick="setComboValues1(this)"/></td>
			<td><input type="checkbox" value="D" class="chk_col" onclick="setComboValues1(this)"/></td>
			<td><input type="checkbox" value="E" class="chk_col" onclick="setComboValues1(this)"/></td>
			<td><input type="checkbox" value="F" class="chk_col" onclick="setComboValues1(this)"/></td>
		</tr>
		<tr>
			<td><input type="checkbox" value="1" class="chk_row" onclick="setComboValues1(this)"/></td>
			<td>01</td>
			<td>02</td>
			<td>03</td>
			<td>04</td>
			<td>05</td>
			<td>6</td>
		</tr>
		<tr>
			<td><input type="checkbox" value="2" class="chk_row" onclick="setComboValues1(this)"/></td>
			<td>07</td>
			<td>08</td>
			<td>09</td>
			<td>10</td>
			<td>11</td>
			<td>12</td>
		</tr>
		<tr>
			<td><input type="checkbox" value="3" class="chk_row" onclick="setComboValues1(this)"/></td>
			<td>13</td>
			<td>14</td>
			<td>15</td>
			<td>16</td>
			<td>17</td>
			<td>18</td>
		</tr>
		<tr>
			<td><input type="checkbox" value="4" class="chk_row" onclick="setComboValues1(this)"/></td>
			<td>19</td>
			<td>20</td>
			<td>21</td>
			<td>22</td>
			<td>23</td>
			<td>24</td>
		</tr>
		<tr>
			<td><input type="checkbox" value="5" class="chk_row" onclick="setComboValues1(this)"/></td>
			<td>25</td>
			<td>26</td>
			<td>27</td>
			<td>28</td>
			<td>29</td>
			<td>30</td>
		</tr>
		<tr>
			<td><input type="checkbox" value="6" class="chk_row" onclick="setComboValues1(this)"/></td>
			<td>31</td>
			<td>32</td>
			<td>33</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
		</tr>
	</table>
</div>
<script type="text/javascript">
var jq = {
	searchForm: $("#searchForm")
	, s_rowcol: $("#s_rowcol")
	, table001: $("#table001")
	, gridList: $("#gridList")
};

function setComboValues1(chk){
	var ss = "";
	var array = $(chk).parents("table:first").find("input:checked");
	if(array.length){
		var ss = array.eq(0).val();
		for(var x=1; x<array.length; x++){
			ss += ", "+array.eq(x).val();
		}
	}
	jq.s_rowcol.combo("setValue", ss).combo("setText", ss);
	//jq.s_rowcol.combo("textbox").val(ss);
}
jq.s_rowcol.combo({editable:false, panelWidth: 200, panelHeight:200});
jq.table001.appendTo(jq.s_rowcol.combo("panel"));

jq.gridList.datagrid({
	columns:[[
		{field:'code',title:'代码',width:100},
		{field:'name',title:'名称',width:100},
		{field:'price',title:'价格',width:100,align:'right'}
	]]
});

$(function(){
	jq.searchForm.bind("submit", function(){
		setTimeout(function(){
			jq.gridList.datagrid("options").queryParams=fm.getQueryParams(jq.searchForm);
			jq.gridList.datagrid("clearSelections");
			jq.gridList.datagrid("clearChecked");
			jq.gridList.datagrid("reload");
		}, 10);
		return false;
	});
});
</script>
</body>
</html>